<template>
	<view class="button-container">
		<u-button :color="color" :text="text" :loading="loading" :disabled="disabled" @tap="$emit('click')"></u-button>
	</view>
</template>

<script>
	export default {
		name: "NtButton",
		props: {
			text: {
				type: String,
				default: "确定"
			},
			color: {
				type: String,
				default: "var(--theme-color)"
			},
			loading: {
				type: Boolean,
				default: false
			},
			disabled: {
				type: Boolean,
				default: false
			}
		},
		data() {
			return {
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	.button-container{
		border-radius: 20rpx;
		overflow: hidden;
		background:#fff;
		/deep/ .u-button{
			height: 80rpx;
			font-weight: bold;
			&__text{
				font-size: 32rpx !important;
			}
		}
	}
</style>